// JavaScript Document
$(function(){
    //1. 自动轮播
    var i = 0;
    // 设置整体定时器启动时，图片和小圆点发生的变化
    function bannerBody(){
         // 小li背景颜色发生变化
        $(".slider-nav li").eq(i).css({background:'#b61b1f'}).siblings().css({background:"#3e3e3e"});
        // .banner_link显影发生变化
        $(".banner .banner_link").eq(i).fadeIn(500).siblings(".banner_link").stop().fadeOut(500);
    }
    // 函数体
    function run(){
        // 核心参数
        i++;
        if(i==6){
            i=0;
        }
        bannerBody();
    }
    // 启动定时器
    var timer = setInterval(run,2000);

    //2. 鼠标移入停止定时器，移出开启定时器
    $(".banner").hover(function(){
        clearInterval(timer);
        $(".left,.right").css({display:"block"});
         
    },function(){
        timer = setInterval(run,2000);
        $(".left,.right").css({display:"none"});
         
    });

    // 3.手动轮播
    $(".slider-nav li").mouseover(function(){
        i = $(this).index();
        bannerBody();
    });
    // 点击判断的参数
    var banner_c=0;

    // 4.点击左键
    $(".left").click(function(){
        // 判断c参数
        if(banner_c==1){
            return;
        }
        // 改变c参数
        banner_c=1;
        // 定时炸弹改回c参数   控制C的值在2秒后变成0，防止左右按钮连点
        setTimeout(function(){
            banner_c = 0;
        },1000);
         i--;
         // 判断最小下标
         if(i==-1){
            i=5;
         }
        bannerBody();
    });

    // 5.点击右键
    $(".right").click(function(){
        // 判断c参数
        if(banner_c==1){
            return;
        }
        // 改变c参数
        banner_c=1;
        // 定时炸弹改回c参数   控制C的值在2秒后变成0，防止左右按钮连点
        setTimeout(function(){
            banner_c = 0;
        },1000);

        i++;
        // 判断最大下标
        if(i==6){
            i=0;
        }
        bannerBody();
    });
})